@charset 'UTF-8';
@import '../common/_functions.scss';
@import '../common/_variables.scss';

.validate-pop{
    width:pxToRem(700px);
    color: $_333;
    background:$_fff;    
}
.btn{
    font-size: pxToRem(34px);        
    text-align: center;    
    border: 1px solid $_cfcfcf;
    display:inline-block;
    vertical-align:middle;
}
.get-btn{
    font-size: pxToRem(28px);
    line-height: pxToRem(56px);
    width:pxToRem(200px);
    display:inline-block;
    float:right;
    height: pxToRem(58px);
}
.btn-orange{
    background:#ffc014;
    color: $_fff;
    &:hover{
        color: $_fff;
    }
    &:visited{
        color: $_fff;
    }
}
.btn-white{
    background: #fafafa;
    color: $_333;
    &:hover{
        color: $_333;
    }
    &:visited{
        color: $_333;
    }
}
.validateinner{
    padding: pxToRem(50px) pxToRem(30px);
}
.pop-header{
    font-size: pxToRem(34px);
    height: pxToRem(90px);
    line-height: pxToRem(90px);
    padding-left: pxToRem(35px);
    border-bottom: 2px solid #ffc014;
}
.pop-close{
    position: absolute;
    right: pxToRem(25px);
    top: pxToRem(25px);
    font-size:0;
}
.pop-close::before{content:"\2715";font-family:sans-serif;color: $_999;font-size: pxToRem(35px);}

.phone-info{    
    font-size: pxToRem(28px);
    margin-bottom: pxToRem(40px);
    height: pxToRem(35px);
}

.input-group{
    font-size: pxToRem(28px);
    margin-bottom: pxToRem(10px);
    overflow:hidden;
    .tiparea{
        padding: pxToRem(5px) 0 0 pxToRem(80px) ;
        min-height: pxToRem(45px);   
        box-sizing: border-box;  
    }
}

.btn-group{
    margin-bottom: pxToRem(20px);
}
.btn-group .btn{
    line-height: pxToRem(78px);
    width:45%;
}
.input-text-swrap{
    display:inline-block;
    label{
        width: pxToRem(75px);
        display:inline-block;
    }
}
.input-text{
    background: $_fff;
    text-indent: pxToRem(15px);
    line-height: pxToRem(58px\9);
    height: pxToRem(58px);
    border: 1px solid $_cfcfcf;
    width: pxToRem(335px)
}

.tiparea{
    font-size: pxToRem(24px);
    color: $_999;    
    &>span:first-child{float:left;}
    &>span:last-child{
        margin-left: pxToRem(70px);
        display:block;
    }
}

.input-red{border:2px solid #ff0000;}
.errTxt{color:#ff0000;}

/*popin*/
.mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8;
    filter: alpha(opacity=80)
}

.popin > .loading {
  position: absolute;
  top: 50%;
  left:50%;
  margin-top: -22px;
  margin-left: -22px;
}
.popin-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0!important;
    -webkit-backface-visibility: hidden
}

.popin-container {
    text-align: right;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.popin-container:after{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    font-size:0;
    width: pxToRem(1px);
    overflow:hidden;
}

.popin-align-top .popin-container:before {
    display: none
}

.popin-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    
    text-align: left;
    z-index: 1045;
}